.none {
  display: none;
}
.hide {
  display: none !important;
}
.block {
  display: block !important;
}
.grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.cny:before {
  content: '¥';
}
.nowrap {
  word-break: keep-all;
  white-space: nowrap;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Position */
.pos {
  &-relative {
    position: relative !important;
  }
  &-fixed {
    position: fixed !important;
  }
}

/* Color */
.c {
  &-5 {
    color: #555 !important;
  }
  &-6 {
    color: #666 !important;
  }
  &-7 {
    color: #777 !important;
  }
  &-8 {
    color: #888 !important;
  }
  &-9 {
    color: #999 !important;
  }
  &-a {
    color: #aaa !important;
  }
  &-red {
    color: #f06 !important;
  }
  &-blue {
    color: #007fff !important;
  }
  &-green {
    color: #096 !important;
  }
}

/* Font size */
.fs {
  &-12 {
    font-size: 12px !important;
  }
  &-13 {
    font-size: 13px !important;
  }
  &-14 {
    font-size: 14px !important;
  }
  &-15 {
    font-size: 15px !important;
  }
  &-16 {
    font-size: 16px !important;
  }
  &-18 {
    font-size: 18px !important;
  }
  &-20 {
    font-size: 20px !important;
  }
}

/* background color */
.bgc {
  &-white {
    background-color: #fff;
  }
  &-gray {
    background-color: #f5f5f5;
  }
}

/* background */
[bgr] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* 遮罩 */
[shader] {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.6);
  z-index: 9999;
  &[opacity="7"] {
    background-color: rgba(0,0,0,.7);
  }
  &[opacity="5"] {
    background-color: rgba(0,0,0,.5);
  }
  &[opacity="3"] {
    background-color: rgba(0,0,0,.3);
  }
}

/* 分割线 */
.dividing {
  display: flex;
  align-items: center;
  &:before, &:after {
    display: block;
    flex: 1;
    height: 1px;
    font-size: 0;
    content: '';
    background-color: #ccc;
    transform: scaleY(.5);
  }
  &:before {
    margin-right: 15px;
    margin-left: 15%;
  }
  &:after {
    margin-left: 15px;
    margin-right: 15%;
  }
}